/* global */
html{height: 100%;}

body
{ font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .68em;
}

/* main container */
#main
{ width: 780px;
  margin-left: auto; 
  margin-right: auto;
}

/* links above the logo / footer */
#links, #footer
{ margin-left: auto; 
  margin-right: auto;
  padding: 10px 21px 0px 19px;
  width: 720px;
  height: 20px;
  font-size: 94%;
  text-transform: uppercase;
}

#links{text-align: right;}

#footer{text-align: center;}

#links a, #footer a{text-decoration: none;}

#links a:hover, #footer a:hover{text-decoration: underline;}

/* logo */
#logo
{ margin-left: auto; 
  margin-right: auto;
  width: 760px;
  height: 100px;
  text-align: left;
}

#logo h1
{ margin: 0px;
  padding: 41px 0px 0px 19px;
  font-size: 150%;
  letter-spacing: .2em;
}

/* navigation menu */
#menu
{
height: 20px;
  width: 760px;
  margin-left: auto; 
  margin-right: auto;
}

/* main content */
#content
{ margin-left: auto; 
  margin-right: auto;
  width: 760px;
  height: auto;
  padding: 0px;
  overflow: hidden;
} 

/* column 1 - contains sidebar items */
#column1
{ width: 207px;
  float: right;
  padding: 16px 0px 15px 0px;
}

/* column 2 - page content */
#column2
{ 
  text-align:center;
  width: 750px;
  float: left;
  padding: 5px;  
}

/********---------Color ------------**********/

body
{ background: #6F7A86;
  color: #5A6370;
}



#main
{ background: #FFFFFF url(back.png) repeat-y;
  color:Black;
}

#links, #footer, #menu, #menu li a
{ background: #FFFFFF url(menu.png);
  color: #D1D3D7;
  border-color: #D7D7D7;
}

#links a, #footer a, #links a:hover, #footer a:hover
{ background: transparent;
  color: #D1D3D7;
}

#logo
{ background: #FFFFFF url(logo.jpg) no-repeat;
  color: #5A6370;
}

#logo h1
{ background: transparent;
  color: #FFFFFF;
}

h1, #column2 h1
{   
  color: #1775D5;
  border-color: #89A9C7;
}

